ផាត សាវិន សូមស្វាគមន៍: Web designing

ដើម្បីបង្កើតមាតិការបស់ Sitemap អនុវត្តតាមវិធីខាងក្រោម៖ 
 
ជំហានទី១. Login ចូលក្នុង <a href="http://blogger.com/" rel="nofollow" style="-webkit-user-select: text !important; background-color: #f9f9f9; border: none; color: #0088b2; font-family: Roboto, sans-serif; font-size: 14px; line-height: 22.4px; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Blogger Dashboard</a>  
ជំហានទី២.បន្ទាប់មកទៅកាន់ Pages >ចុច New Page រួចជ្រើសរើស Blank page  
 
<div class="separator" style="-webkit-user-select: text; background-color: #f9f9f9; clear: both; color: #666666; font-family: Roboto, sans-serif; font-size: 14px; line-height: 22.4px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9CyCBqg8LmD5Lw0mvhMLd2sFBWAvwrIg5AJNyk59AI6OL60ZDoXnKK_o_cw_zd8WMkzjgH_v4IJUnTThRXyMknb9t43ax5GV_TwAIS9wnIP8E2URRFjfr3NKoc3jn8wu9KPfjWGx99SkA/s1600/blogger-pages-add-page.png" imageanchor="1" style="-webkit-user-select: text; border: none; color: #0088b2; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9CyCBqg8LmD5Lw0mvhMLd2sFBWAvwrIg5AJNyk59AI6OL60ZDoXnKK_o_cw_zd8WMkzjgH_v4IJUnTThRXyMknb9t43ax5GV_TwAIS9wnIP8E2URRFjfr3NKoc3jn8wu9KPfjWGx99SkA/s320/blogger-pages-add-page.png" style="-webkit-user-select: text; border: none; list-style: none; margin: 0px; max-width: 700px; outline: none; padding: 0px;" width="320" /></a></div>
 
ជំហានទី៣.ចុច HTML tab និង pasteកូដខាងក្រោមៈ 
<blockquote class="tr_bq">
<style>p.labels a{color: <span style="border: none; color: #cc0000; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; font-style: italic; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;">#242424; text-transform: uppercase;font-size: <span style="border: none; color: #cc0000; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; font-style: italic; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;">15px;}a.post-titles {color: <span style="border: none; color: #6aa84f; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; font-style: italic; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;">#0000FF;}ol li{list-style-type:decimal;line-height:25px;}</style><script>//<![CDATA[var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('<div class="sitemap-link"><a href="http://phatsavin.blogspot.com/2016/09/sitemap.html" style="font-size: 10px; text-decoration:none; color: #5146CD;">Get This Widget</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='Show All '+postTitle.length+" Posts "}else{var f='Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts "}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("");document.write('<a href="/search/label/'+temp1+'">'+temp1+"</a><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - New!')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXAPp-NMRw1SWZQMHPGEXr_0kXOsdioLYYjTzM9S7RK-IruZ6s2yhqNdK0g7FPKe200A7EzBPmAIaVw5r6hyfGFeS5IrsT0X7HvXjB3KUCJJIifF_5xtX9F2eq8qSAMyhnA6JIO7LctroG/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write(" ");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a> ");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a> ");document.write(" ")}};//]]></script><script src="<span style="border: none; color: blue; font-family: "georgia" , "times new roman" , "times" , serif; font-size: 11px; font-style: italic; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px;">http://phatsavin.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script></blockquote>
 
ជំហានទី៤.បន្ទាប់ពី Paste កូដហើយសូមកែសម្រួលត្រង់ចំនុច http://phatsavin.blogspot.com ដោយអាសយដ្ឋានលោកអ្នក។

How to create sitemap content

ដើម្បីបង្កើតមាតិការបស់ Sitemap អនុវត្តតាមវិធីខាងក្រោម៖ ជំហានទី១. Login ចូលក្នុង Blogger Dashboard ជំហានទី២ .បន្ទាប់មកទៅកាន់ Pages ...

<table align="center" border="1" cellspacing="2" style="border: 1px solid #000; font-family: arial; font-size: 8pt; height: 50px; width: 100px;">
 <tbody>
<tr>
 <td class="box" style="background-color: aliceblue;" width="82">AliceBlue 
 #F0F8FF</td>
 <td class="box" style="background-color: antiquewhite;" width="82">AntiqueWhite 
 #FAEBD7</td>
 <td class="box" style="background-color: cyan;" width="82">Aqua 
 #00FFFF</td>
 <td class="box" style="background-color: aquamarine;" width="82">Aquamarine 
 #7FFFD4</td>
 <td class="box" style="background-color: azure;" width="82">Azure 
 #F0FFFF</td>
 </tr>
<tr>
 <td class="box" style="background-color: beige;" width="82">Beige 
 #F5F5DC</td>
 <td class="box" style="background-color: bisque;" width="82">Bisque 
 #FFE4C4</td>
 <td class="box" style="background-color: black;" width="82">Black 
 #000000</td>
 <td class="box" style="background-color: blanchedalmond;" width="82">BlanchedAlmond 
 #FFEBCD</td>
 <td class="box" style="background-color: blue;" width="82">Blue 
 #0000FF</td>
 </tr>
<tr>
 <td class="box" style="background-color: blueviolet;" width="82">BlueViolet 
 #8A2BE2</td>
 <td class="box" style="background-color: brown;" width="82">Brown 
 #A52A2A</td>
 <td class="box" style="background-color: burlywood;" width="82">BurlyWood 
 #DEB887</td>
 <td class="box" style="background-color: cadetblue;" width="82">CadetBlue 
 #5F9EA0</td>
 <td class="box" style="background-color: chartreuse;" width="82">Chartreuse 
 #7FFF00</td>
 </tr>
<tr>
 <td class="box" style="background-color: chocolate;" width="82">Chocolate 
 #D2691E</td>
 <td class="box" style="background-color: coral;" width="82">Coral 
 #FF7F50</td>
 <td class="box" style="background-color: cornflowerblue;" width="82">CornflowerBlue 
 #6495ED</td>
 <td class="box" style="background-color: cornsilk;" width="82">Cornsilk 
 #FFF8DC</td>
 <td class="box" style="background-color: crimson;" width="82">Crimson 
 #DC143C 
</td></tr></tbody></table>

Color Chart for HTML

AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #...

ផាត សាវិន សូមស្វាគមន៍

How to create sitemap content

របៀបដាក់របាទំព័រក្នុង Blogger

Color Chart for HTML

ពេញនិយម

ការិយបរិច្ឆេទ